*{
	margin: 0;
	padding: 0;
}
body{
	min-width: 1500px;
}
.header{
	width: 100%;
	height: 50px;
	background-color: #07cbc9;
}
.header .logo{
	padding-top: 1px;
	padding-left: 100px;
	float: left;
}

.header .nav{
	float: left;
	padding-left: 100px;
}
.header .nav ul li{
	
	list-style: none;
	float: left;
	height: 50px;
	line-height: 50px;
	padding-left:10px;
	padding-right: 10px;	
}
.header .nav ul li a{

	text-decoration:none;
	color:#fffefe;
}
.header .nav ul li:hover {
	background-color: #000000;
}
.clear{
	clear: both;
}
.content .content-top{
	 height: 400px; 
}
.content .content-top img{
	 position:relative;
	 left:0;
	 height: 700px;
	 width: 100%;
}
.content .content-top .shield{
	position: relative;
	left: 0;
	top: 50px;
	background-color: #000000;
	opacity: 0.45;
	width: 100%;
	height: 700px;
	z-index: 2;
}
.content .content-top .images-top{
	position: relative;
	z-index: 2;
	left:50%;
	margin-left: -250px;
	top:250px;
}
.content .content-top .images-top ul li{
	list-style:none;
}
.content .content-top .images-top ul li input{
	height: 35px;
	width: 500px;
	background: none;
	border: 1px solid #ffffff;
	color: #ffffff;
	margin-bottom: 20px; 
}
.content .content-top .images-top ul li textarea{
	background: none;
	border: 1px solid #ffffff;
	color: #ffffff;
	margin-bottom: 20px; 
	padding-top: 5px;
	width: 500px;
	height: 100px;
	resize:none;
	// 隐藏滚动条代码
	// overflow:hidden;
}
.content .content-top .images-top button{
	height: 35px;
	width: 167px;
	position: relative;
	left:50%;
	margin-left: -83.5px;
	background: none;
	border: 1px solid #ffffff;
	color:#b2b2bd;
	cursor: pointer;
}
.content .content-top .images-top button:hover,
.content .content-top .images-top ul li textarea:hover,
.content .content-top .images-top ul li input:hover{
	border-color:#07cbc9;
}
.content .content-top .images-top button:hover{
	background-color: #07cbc9;
	color:  #ffffff;
}
.content-middle-firstpart{
	width: 100%;
	height:550px;
	position:relative;
	top:750px;
}
#about{
	margin-top: 30px;
	font-size: 35px;
	text-align: center;
}
.content-middle-firstpart .line{
	width:30px;
	border:2px solid  #07cbc9;
	margin:0 auto;
	margin-top: 10px;
}
.content-middle-firstpart .firstpart-field{
	text-align: center;
	margin-top: 15px;
}
.content-middle-firstpart .firstpart-image-text .dl1 dt{
	 font-weight: 4px;
	 font-size: 28px;
	 margin-left: 300px;
	 margin-top: 20px;
}
.content-middle-firstpart .firstpart-image-text .dl1 dd div{
	 border:1px solid #c5c5c5;
	 width: 280px;
	 margin-left: 280px;
	 margin-top: 10px;
	 background-color: rgba(255, 255, 255, 0.4);	 
}
.content-middle-firstpart .firstpart-image-text .dl1 dd div div{
	 margin-top: 15px;
	 border-style: none;
	 margin-left: 20px;
	 width: 250px;
	 font-size: 12px;
	 font-weight:2px;
	 line-height: 20px;
	 background-color:transparent; 
	
}
.content-middle-firstpart .firstpart-image-text .dl1 dd div button{
	 margin-left: 20px;
	 margin-top: 15px;
	 margin-bottom: 30px;
	 width: 80px;
	 height: 40px;
	 background-color: #000000;
	 color: #ffffff;
	 border-style: none;
	 cursor: pointer;
}
.content-middle-firstpart .firstpart-image-text .dl1 dd div button:hover{
	 background-color:#ffffff;
	 color:#000000;
	 border: 2px solid #000000;
}
.content-middle-firstpart .firstpart-image-text img{
	 position: relative;
	 top:200px;
	 height: 310px;
	 width: 500px;
	 z-index: -1;
	 left:50%;
	 margin-left: -250px;
}
.content-middle-firstpart .firstpart-image-text .dl2 dt{
	position: relative;
	right:280px;
	top: 200px;
	border: 1px solid  #07cbc9;
	width: 190px;
	height: 110px;
}
.content-middle-firstpart .firstpart-image-text .dl2 dd{
	position: relative;
	right:280px;
	top: 335px;
	border: 1px solid  #07cbc9;
	width: 190px;
	height: 110px;
}
.content-middle-firstpart .firstpart-image-text .dl2 dd ul{
	text-align: center;
	height: 120px;

}
.content-middle-firstpart .firstpart-image-text .dl2 dt ul{
	text-align: center;
	height: 120px;

}
.content-middle-firstpart .firstpart-image-text .dl2 li{

	list-style: none;
}
.content-middle-firstpart .firstpart-image-text .dl2 .l1{
	margin-bottom: 10px;
	margin-top: 15px;
	font-size: 25px;
	font-weight:bolder;
	
}
.content-middle-firstpart .firstpart-image-text .dl2 .l2{
	width:30px;
	border:2px solid  #07cbc9;
	margin:0 auto; 
	margin-bottom: 10px;
}
.content .content-middle-lastpart{
	width: 100%;
	height: 600px;
	top:1300px;
	position: relative;
}
.content .content-middle-lastpart .img1 div{
	position: relative;
}
.content .content-middle-lastpart .img1 img {
	height: 300px;
	width:100%;
}
.content .content-middle-lastpart .img1 div:nth-child(1){
	width:25%;
	height: 300px;

}
.content .content-middle-lastpart .img1 div:nth-child(2){
	left:25%; 
	width:25%;
	height: 300px;
	background-color: #07cbc9;
}
.content .content-middle-lastpart .img1 div:nth-child(3){
	left:50%; 
	width:25%;
	height: 300px;
}
.content .content-middle-lastpart .img1 div:nth-child(4){
	left:75%; 
	width:25%;
	height: 300px;
	background-color: #07cbc9;
}
.content .content-middle-lastpart .img1 div:nth-child(2) p,
.content .content-middle-lastpart .img1 div:nth-child(4) p{
	margin-left: 30px;
	margin-top: 20px;
}
.content .content-middle-lastpart .img1 div:nth-child(2) .p1,
.content .content-middle-lastpart .img1 div:nth-child(4) .p1
{
	color: #ffffff;
	font-size: 25px;
}
.content .content-middle-lastpart .img1 div:nth-child(2) .p2,
.content .content-middle-lastpart .img1 div:nth-child(4) .p2{
	color: rgba(255, 255, 255, 0.9);
	font-size: 15px;
}
.content .content-middle-lastpart .img1 div:nth-child(2) .p3,
.content .content-middle-lastpart .img1 div:nth-child(4) .p3{
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
}
.content .content-middle-lastpart .img1 div:nth-child(2) button,
.content .content-middle-lastpart .img1 div:nth-child(4) button{
	position: relative;
	left: 50%;
	width: 80px;
	height: 40px;
	background-color: #000000;
	color: #ffffff;
	cursor: pointer;
	border: none;
	margin-left: -40px;
	margin-top: 25px;
}
.content .content-middle-lastpart .img1 div:nth-child(2) button:hover,
.content .content-middle-lastpart .img1 div:nth-child(4) button:hover{
	background-color:#07cbc9;
	border: 2px solid #000000;
}
.content .content-middle-lastpart .img2{
	margin-top:300px;
}
.content .content-middle-lastpart .img2 div{
	position: relative;
}
.content .content-middle-lastpart .img2 img {
	height: 300px;
	width:100%;
}
.content .content-middle-lastpart .img2 div:nth-child(2){
	width:25%;
	height: 300px;
	left:25%;

}
.content .content-middle-lastpart .img2 div:nth-child(1){ 
	width:25%;
	height: 300px;
	background-color: #07cbc9;
}
.content .content-middle-lastpart .img2 div:nth-child(4){
	left:75%; 
	width:25%;
	height: 300px;
}
.content .content-middle-lastpart .img2 div:nth-child(3){
	left:50%; 
	width:25%;
	height: 300px;
	background-color: #07cbc9;
}
.content .content-middle-lastpart .img2 div:nth-child(1) p,
.content .content-middle-lastpart .img2 div:nth-child(3) p{
	margin-left: 30px;
	margin-top: 20px;
}
.content .content-middle-lastpart .img2 div:nth-child(1) .p1,
.content .content-middle-lastpart .img2 div:nth-child(3) .p1
{
	color: #ffffff;
	font-size: 25px;
}
.content .content-middle-lastpart .img2 div:nth-child(1) .p2,
.content .content-middle-lastpart .img2 div:nth-child(3) .p2{
	color: rgba(255, 255, 255, 0.9);
	font-size: 15px;
}
.content .content-middle-lastpart .img2 div:nth-child(1) .p3,
.content .content-middle-lastpart .img2 div:nth-child(3) .p3{
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
}
.content .content-middle-lastpart .img2 div:nth-child(1) button,
.content .content-middle-lastpart .img2 div:nth-child(3) button{
	position: relative;
	left: 50%;
	width: 80px;
	height: 40px;
	background-color: #000000;
	color: #ffffff;
	cursor: pointer;
	border: none;
	margin-left: -40px;
	margin-top: 25px;
}
.content .content-middle-lastpart .img2 div:nth-child(1) button:hover,
.content .content-middle-lastpart .img2 div:nth-child(3) button:hover{
	background-color:#07cbc9;
	border: 2px solid #000000;
}
.content .content-bottom{
	width: 100%;
	height: 800px;
	top:1900px;
	position: relative;
}
#GALLERY{
	margin-top: 30px;
	font-size: 35px;
	text-align: center;
}
.content .content-bottom .line{
	width:30px;
	border:2px solid  #07cbc9;
	margin:0 auto;
	margin-top: 10px;
}
.content .content-bottom .firstpart-field{
	text-align: center;
	margin-top: 15px;
}
.content .content-bottom .text-img .first{
	width: 1200px;
	margin:0 auto;
	margin-top:30px;

}
.content .content-bottom .text-img .first .one{
	float: left;
	position: relative;

}
.content .content-bottom .text-img .first .one .work{
	background-color:#000000;
	position: relative;
	width: 360px;
	height: 40px;
	top:240px;
	color: #ffffff;
	line-height: 40px;
	text-indent: 20px;

}
.content .content-bottom .text-img .first .one:nth-child(2){
	margin-left:20px;
	margin-right:20px;
}
.content .content-bottom .text-img .first .one:nth-child(1){
	margin-left:40px;
	
}

.content .content-bottom .text-img .second{
	width: 1200px;
	margin:0 auto;
	margin-top:60px;

}
.content .content-bottom .text-img .second .one{
	float: left;
	position: relative;

}
.content .content-bottom .text-img .second .one .work{
	background-color:#000000;
	position: relative;
	width: 360px;
	height: 40px;
	top:240px;
	color: #ffffff;
	line-height: 40px;
	text-indent: 20px;

}
.content .content-bottom .text-img .second .one:nth-child(2){
	margin-left:20px;
	margin-right:20px;
}
.content .content-bottom .text-img .second .one:nth-child(1){
	margin-left:40px;
	
}
.footer{
	background-color:#07cbc9;
	width: 100%;
	left:0px;
	/*height: 50px;
	top:630px;*/
	bottom: 0px;
	position: fixed;
 text-align:center;
	color: #ffffff;	
	line-height: 50px;
	font-size: 12px;
}